<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<link href="/css/template.css" rel="stylesheet" type="text/css" />

<head>
</head>

<body>
	<f:view>

		<f:loadBundle basename="mensajes" var="msgs" />
		<h1>
			<h:outputText value="#{msgs['movimientosCuenta.titulo']}" />
		</h1>
		<h:messages errorStyle="color: red;" />

		<h:form>
			<h:dataTable value="#{movimientoBean.listaMovimientos}"
				var="movimiento" bgcolor="#F1F1F1" border="2" cellpadding="5"
				cellspacing="3" columnClasses="none,none,right">
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{msgs['movimientosCuenta.tabla.fecha']}" />
					</f:facet>
					<h:outputText value="#{movimiento.fecha}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{msgs['movimientosCuenta.tabla.tipo']}" />
					</f:facet>
					<h:outputText value="#{movimientoBean.tipoMovimiento(movimiento)}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText
							value="#{msgs['movimientosCuenta.tabla.descripcion']}" />
					</f:facet>
					<h:outputText value="#{movimiento.usuarioCmt}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{msgs['movimientosCuenta.tabla.importe']}" />
					</f:facet>
					<h:outputText
						style="background-color:#D5E6FB;color:#{movimientoBean.changeColour(movimiento)};"
						value="#{movimiento.monto}">
						<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
					</h:outputText>
				</h:column>
			</h:dataTable>
			<br />
			<h:commandButton style="width:200px;font-size:17px;" id="btnBuscar"
				value="#{msgs['movimientosCuenta.button.descargarMovimientos']}"
				action="#{movimientoBean.doDataExport}" />
			<h:commandButton style="width:100px;font-size:17px;" id="btnVolver"
				value="#{msgs['movimientosCuenta.button.volver']}"
				action="navigateToVolver" immediate="true" />
		</h:form>
	</f:view>
</body>
</html>